<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>护士上门</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/style.css" />
		<style>
			.about-us-header {
				text-align: center;
			}
			
			.about-us-header p {
				font-size: 0.3rem;
				color: #272727;
				margin-top: 5px;
			}
			
			.about-us-header .p0 {
				font-size: 0.4rem;
			}
			
			.mui-table-view {
				font-size: 0.2291rem;
			}
			
			footer {
				text-align: center;
				font-size: 0.2291rem;
			}
			
			footer div {
				z-index: 100;
				width: 100%;
				position: fixed;
				height: 31px;
				left: 0;
				bottom: 0;
			}
			
			.mui-table-view-cell {
				font-size: 14px;
				margin-bottom: 4px;
			}
			
			.mui-table-view-cell span {
				font-size: 12px;
				color: #8c8c8c;
			}
			
			.mui-pull-right {
				margin-right: 17px;
			}
			
			.mui-table-view-cell:after {
				left: 0;
			}
			/*客服中心*/
			
			.mui-control-content {
				min-height: 400px;
				background-color: none;
			}
			
			.mui-card {
				margin-left: 0;
				margin-right: 0;
				margin-top: 5px;
				border-radius: 0;
			}
			
			.mui-table-view-cell:first-child,
			.mui-table-view-cell:last-child {
				background-color: #FFFFFF;
			}
			
			.mui-segmented-control {
				background-color: #fff;
			}
			
			.mui-table-view:after {
				height: 1 !important;
			}
			
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
				border-bottom: 0;
			}
			
			.mui-scroll-wrapper {
				height: 120vw;
			}
			
			.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active {
				color: #d94949;
				border-bottom: 0px solid #FF9700;
				background: 0 0;
			}
			
			.footer {
				z-index: 100;
				width: 100%;
				position: fixed;
				height: 48px;
				left: 0;
				bottom: 0px;
				background: none;
				text-align: center;
			}
			
			.footer span {
				color: white;
			}
			
			.footer li {
				background: #8ca6c8 !important;
				margin-bottom: 0px;
			}
			
			.footer img {
				width: 0.5rem;
				margin-bottom: 3px;
			}
			
			.k-bg-cl-body {
				border-radius: 20px;
				width: 50px;
				height: 50px;
				margin: 10px 0px 3px 20px;
			}
			
			.mui-control-item span {
				font-size: 13px;
			}
			
			.footer span {
				font-size: 14px;
			}
			
			.footer li {
				line-height: 24px;
			}
			
			.k-bg-cl1 {
				background: url(../images/kefu_01.png);
				background-repeat: no-repeat;
				background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
			}
			
			.k-bg-cl2 {
				background: url(../images/kefu_02.png);
				background-repeat: no-repeat;
				background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
			}
			
			.k-bg-cl3 {
				background: url(../images/kefu_03.png);
				background-repeat: no-repeat;
				background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
			}
			
			.k-bg-cl4 {
				background: url(../images/kefu_04.png);
				background-repeat: no-repeat;
				background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
			}
			
			.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active .k-bg-cl1 {
				background: url(../images/kefu_01dj.png);
				background-repeat: no-repeat;
				background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
			}
			
			.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active .k-bg-cl2 {
				background: url(../images/kefu_02dj.png);
				background-repeat: no-repeat;
				background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
			}
			
			.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active .k-bg-cl3 {
				background: url(../images/kefu_03dj.png);
				background-repeat: no-repeat;
				background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
			}
			
			.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active .k-bg-cl4 {
				background: url(../images/kefu_04dj.png);
				background-repeat: no-repeat;
				background-size: cover;
				-moz-background-size: cover;
				-webkit-background-size: cover;
			}
			
			.k-bg-cl-body {
				margin: 10px auto 0 auto
			}
			
			.k-bg-cl-body img {
				width: 100%;
			}
			
			.mui-segmented-control .mui-control-item {
				line-height: 24px
			}
			
			.cjwt li {
				height: 48px;
				line-height: 51px;
			}
			
			.cjwt img {
				margin-bottom: 14px;
			}
			
			.mui-table-view .mui-media-object{
				line-height: 55px;
    			max-width: 55px;
    			height: 55px;
    			margin-top: 5px;
			}
			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">护士上门</h1>
		</header>
		<div id="segmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-positive mui-content">
			<a class="mui-control-item mui-active" href="#item1" id="item1-btn">
				<div class="k-bg-cl-body k-bg-cl1">
				</div>
				<span>基础问题</span>
			</a>
			<a class="mui-control-item" href="#item2" id="item2-btn">
				<div class="k-bg-cl-body k-bg-cl2">
				</div>
				<span>订单问题</span>
			</a>
			<a class="mui-control-item" href="#item3" id="item3-btn">
				<div class="k-bg-cl-body k-bg-cl3">
				</div>
				<span>支付问题</span>
			</a>
			<a class="mui-control-item" href="#item4">
				<div class="k-bg-cl-body k-bg-cl4">
				</div>
				<span>优惠劵问题</span>
			</a>
		</div>
		<div class="kefu">
			<div id="item1" class="mui-control-content mui-active">
				<div id="scroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="mui-card">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/001.png">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/002.png">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/003.png">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>

							</ul>
						</div>
					</div>
				</div>
			</div>
			<div id="item2" class="mui-control-content">
				<div id="scroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="mui-card">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/shuijiao.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/muwu.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/cbd.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>

							</ul>
						</div>
					</div>
				</div>
			</div>
			<div id="item3" class="mui-control-content">
				<div id="scroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="mui-card">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/shuijiao.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/muwu.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/cbd.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>

							</ul>
						</div>
					</div>
				</div>
			</div>
			<div id="item4" class="mui-control-content">
				<div id="scroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="mui-card">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/shuijiao.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/muwu.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href="javascript:;">
										<img class="mui-media-object mui-pull-left" src="../images/cbd.jpg">
										<div class="mui-media-body">
											邵护士&nbsp;&nbsp;<span>3年经验</span>
											<p class="mui-ellipsis">吉林大学中日联谊医院|骨科</p>
											<p class="mui-ellipsis">擅长：输液 肌注 鼻饲 胃管 导尿 套管针</p>
										</div>
									</a>
								</li>

							</ul>
						</div>
					</div>
				</div>
			</div>

		</div>
	</body>
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script>
		mui.plusReady(function() {
			// 加载完毕后关闭等待框，并展示页面
			var currentView = plus.webview.currentWebview();
			currentView.show('slide-in-right', 200);
			plus.nativeUI.closeWaiting();
		});
		mui('.mui-table-view-cell').on('tap', 'a', function() {
			mui.openWindow({
				url: 'hushi_xiangqing.html',
				id: 'hushi_xiangqing',
				show: {
					autoShow: false, //页面loaded事件发生后自动显示，默认为true
					event: 'loaded' //页面显示时机，默认为titleUpdate事件时显示
				},
				waiting: {
					autoShow: true //自动显示等待框，默认为true
				}
			});
		});
	</script>

</html>